{extend name="Inquiry/index" /}
{block name="main"}
	<!-- END SIDEBAR -->
	<!-- BEGIN CONTENT -->
	<style>
		.search{
			margin-top: 10px;
		}
		.getmodal{
			color: #000;
		}
		.getmodal:hover{
			text-decoration:none;
		}
		p{
			white-space: nowrap;
			overflow: hidden;
			text-overflow:ellipsis;
		}
	</style>

	<div class="page-content-wrapper" style="">
		<div class="page-content" style=" min-height: 700px;">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn blue">Save changes</button>
							<button type="button" class="btn default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			
			<!-- END STYLE CUSTOMIZER -->
			<!-- BEGIN PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					<h3 class="page-title">
					档案查询 <!-- <small>view order details</small> -->
					</h3>
					<ul class="page-breadcrumb breadcrumb">
						
						<li>
							<i class="fa fa-home"></i>
							<a href="{:url('index/index/index')}">
								Home
							</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="{:url('index/Search/index')}">
								档案查询
							</a>
							<i class="fa fa-angle-right"></i>
						</li>
						
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<form class="form-inline" role="form" action="{:url('index/Search/doSearch')}" method="post"> 
			<!-- <form class="form-inline" role="form"> -->
			<!-- <div  class="form-inline" role="form"> -->
				<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12" > 
					<div class="form-group col-md-4 col-lg-4 col-xs-4 col-sm-4 search">        
						<label class="form-label">类别</label>        
						<select class="form-control" name="type" id="type"  style="width: 200px;">
							<option value="0" selcted>全部</option>
							<option value="1">档案</option>
							<option value="2">图片</option>
							<option value="3">视频</option>
						</select>    
					</div>   
				</div> 
				<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
					<div class="form-group  col-md-4 col-lg-4 col-xs-4 col-sm-4 search">        
						<label class="form-label">标题</label>        
						<input type="text" class="form-control" name="title" id="title" style="width: 200px;">      
					</div> 
					<div class="form-group  col-md-4 col-lg-4 col-xs-4 col-sm-4 search">        
						<label class="form-label">文件名</label>        
						<input type="text" class="form-control" name="name" id="name" style="width: 200px;">      
					</div>
					<div class="form-group  col-md-4 col-lg-4 col-xs-4 col-sm-4 search">        
						<label for="form-label">时间</label>     
						<input size="10" type="text" value=""  class="form-control form_datetime" name="start" id="start"
						style="width: 100px;">
		                <span>to</span>
		                <input size="10" type="text" value=""  class="form-control form_datetime" name="end" id="end" style="width: 100px;">    
					</div> 
				</div>
				<!-- <div class="col-md-12">
					<div class="form-group date col-md-6 search" style="position:relative;">
	                <label for="form-label">时间</label>
	                
	                <input size="16" type="text" value=""  class="form-control form_datetime" name="start">
	                <span>to</span>
	                <input size="16" type="text" value=""  class="form-control form_datetime" name="end">
	   				</div>
   				</div> -->
   				<div class="col-md-12" style="margin-bottom: 100px;">

   					<button type="submit" class="btn btn-success chaxun" style="margin-top:50px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100px;">查询</button>
   				</div>
   			<!-- </div>  -->
			</form>
			<div style="clear: both;"></div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div style="float: left;">
				{if $res != 0 }
					{volist name="res" id="vo"}
					<div class="col-md-2" style="width: 180px;margin: 0 10px;border:1px dashed #DDD;margin-bottom: 10px;">
						<!-- <div> -->
							{if $vo.arc_type == 'jpg' || $vo.arc_type == 'bmp' || $vo.arc_type == 'png' || $vo.arc_type == 'jpeg'}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<img src="{$vo.file_save_path}" alt="" style="max-width: 150px;max-height: 160px; vertical-align: middle;text-align: center;">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'mp4' || $vo.arc_type == 'avi' || $vo.arc_type == 'rmvb' || $vo.arc_type == 'wmv'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-video-o fa-lg" style="color: #5C6BC0;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_20.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'docx' || $vo.arc_type == 'doc'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-word-o" style="color: #5C6BC0;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_13.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'html'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<i class="fa fa-file-code-o" style="color: #BDBDBD;font-size: 5em;line-height: 1em"></i>
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'pptx' || $vo.arc_type == 'ppt'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-powerpoint-o" style="color: #FF6E40;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_17.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'xlsx' || $vo.arc_type == 'xls'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_15.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'pdf'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_19.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'rar' || $vo.arc_type == '7z' || $vo.arc_type == 'zip'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_03.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.arc_type == 'mp3'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_05.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{else /}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-o fa-lg" style="color: #BDBDBD;font-size: 5em;display: flex;justify-content:center;align-items:center;"></i> -->
							<img src="/static/assets/logo/wjtbpic0_21.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{/if}
							
						<!-- </div> -->
					</div>
					{/volist}
				{else /} 
				<div>
					<p>没有可查看的内容</p>
				</div>
				{/if}
			</div>
				<div style="clear: both;height:0;font-size: 1px;line-height: 0px;"></div>

			</div>

			
			
		</div>
			    <script src="/static/assets/plugins/respond.min.js"></script>
			    <script src="/static/assets/plugins/excanvas.min.js"></script> 
				<script src="/static/assets/plugins/jstree/dist/jstree.min.js"></script>
				<script src="/static/assets/scripts/custom/ui-tree.js"></script>
				<script src="/static/assets/scripts/core/app.js"></script>
				<!-- <link rel="stylesheet" type="text/css" href="/static/assets/plugins/jstree/dist/themes/default/style.min.css"/> -->
				<!-- <script src="/static/assets/scripts/core/dt.js"></script> -->
				<script src="/static/assets/js/toastr.min.js" rel="stylesheet"/></script>
				<link href="/static/assets/css/toastr.min.css" rel="stylesheet"/>
				
				<link href="/static/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
				<script src="/static/assets/js/bootstrap-datetimepicker.js"></script>
				<script src="/static/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>

			    <script src="/static/assets/js/jquery.mloading.js"></script>
			    <link rel="stylesheet" href="/static/assets/css/jquery.mloading.css">
				
				<!-- END PAGE LEVEL SCRIPTS -->


	<script>
        jQuery(document).ready(function() {    
           App.init();
           // EcommerceOrdersView.init();
           UITree.init();

        });
    </script>
 
<script>
		$(function(){
			$('.search').addClass("active");
		});
</script>
<script type="text/javascript">
    $(".form_datetime").datetimepicker({ 

　　minView: "month", //选择日期后，不会再跳转去选择时分秒 

　　format: "yyyy-mm-dd", //选择日期后，文本框显示的日期格式 

　　language: 'zh-CN', //汉化 

	todayBtn : true,
	// startDate: date ,

　　autoclose:true //选择日期后自动关闭 

});

</script>   
<script src="/static/assets/plugins/jstree/dist/jstree.min.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="/static/assets/scripts/custom/ui-tree.js"></script>
<script src="/static/assets/scripts/core/app.js"></script>
<link rel="stylesheet" type="text/css" href="/static/assets/plugins/jstree/dist/themes/default/style.min.css"/>
<script src="/static/assets/scripts/core/dt.js"></script>

<script>
    dt().getModals();
    dt().getUrl();
    
</script>
				<!-- END JAVASCRIPTS -->
</body>
				<!-- END BODY -->
</html>
{/block}